<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<script type="text/javascript" src="js/rem.js"></script>
	<link rel="stylesheet" type="text/css" href="css/base.css"/>
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/foot.css">
	<title>首页</title>
</head>
<body>
	<div class="room">
		<!-- 头部开始 -->
		<header>
			<div class="head1">
				<div><i class="iconfont">&#xe832;</i></div>
				<div>
					<div class="sousuo">
						<i class="iconfont">&#xe643;</i>
						<span>搜索商品名称</span>
					</div>
				</div>
				<div><a href="my.html"><i class="iconfont">&#xe639;</i></a></div>
			</div>
			<div class="head2">
				<div class="head2-1">
					<ul>
						<li>推荐</li>
						<li>笔记本</li>
						<li>精品特惠</li>
						<li>电视</li>
						<li>智能</li>
						<li>手机</li>
						<li>手机</li>
						<li>手机</li>
						<li>手机</li>
						<li>手机</li>
					</ul>
				</div>
				<div class="head2-2">
					<i class="iconfont">&#xe60b;</i>
				</div>
			</div>
		</header>
		<!-- 头部结束 -->
		<!-- banner开始 -->
		<div class="banner">
			<ul>
				<li><img src="//i1.mifile.cn/a4/xmad_15381015124677_QcEGp.jpg" alt=""></li>
				<li><img src="//i1.mifile.cn/a4/xmad_15410029988871_TdzPQ.jpg" alt=""></li>
				<li><img src="//i1.mifile.cn/a4/xmad_15216851889979_XatQS.jpg" alt=""></li>
			</ul>
			<div class="bannerdian">
				<div></div>
				<div></div>
				<div></div>
			</div>
		</div>
		<!-- banner结束 -->
		<!-- 菜单开始 -->
		<div class="menu">
			<div><img src="//i8.mifile.cn/v1/a1/01e0772b-fcd9-6e03-cdf3-9bd08b2d2974!144x152.webp" alt=""></div>
			<div><img src="//i8.mifile.cn/v1/a1/c2fe874d-7569-ec8f-889c-a8f0089cc1ea!144x152.webp" alt=""></div>
			<div><img src="//i8.mifile.cn/v1/a1/7255af3d-1847-5fe0-4777-d276b7fe2b7c!144x152.webp" alt=""></div>
			<div><img src="//i8.mifile.cn/v1/a1/69f3581c-893a-c3a3-9f27-055146a62b7e!144x152.webp" alt=""></div>
			<div><img src="//i8.mifile.cn/v1/a1/a5f053af-fbc3-2a99-65e4-14ff7715957d!144x152.webp" alt=""></div>
			<div><img src="//i8.mifile.cn/v1/a1/9f3a3e88-3b55-f7c8-b863-5867e23022c1!144x152.webp" alt=""></div>
			<div><img src="//i8.mifile.cn/v1/a1/0de4d0e4-dcfe-a404-567e-e305e24593e4!144x152.webp" alt=""></div>
			<div><img src="//i8.mifile.cn/v1/a1/c19e51dd-c493-21ea-343f-f331eb8a31ab!144x152.webp" alt=""></div>
			<div><img src="//i8.mifile.cn/v1/a1/b05bf09b-a0a7-ef8f-e5ba-500b1549938c!144x152.webp" alt=""></div>
			<div><img src="//i8.mifile.cn/v1/a1/b0d2efc6-ba54-3d14-c0d8-421c014a2c97!144x152.webp" alt=""></div>
		</div>
		<!-- 菜单结束 -->
		<div class="menu-bottom">
			<div class="menu-bottom1"><a href="details.html"><img src="//i8.mifile.cn/v1/a1/2bcfae43-5b1b-b44d-567c-b9528983f278!358x508.webp" alt=""></a></div>
			<div class="menu-bottom2">
				<div><img src="//i8.mifile.cn/v1/a1/e4db2c88-59bb-7ed2-81f6-a42419857ae4!358x252.webp" alt=""></div>
				<div><img src="//i8.mifile.cn/v1/a1/83d4a193-f721-51bc-7d64-57545ff1b00d!358x252.webp" alt=""></div>
			</div>
		</div>
		<div class="Advertisement"><img src="//i8.mifile.cn/v1/a1/e896f1d0-708e-6e13-f9b8-e4d7f0e19c03!720x280.webp" alt=""></div>
		<div class="Advertisement2"><img src="//i8.mifile.cn/v1/a1/95195df5-70d6-2347-0ecd-994dc472bdd4!720x440.webp" alt=""></div>
		<!-- 产品推荐开始 -->
		<div class="commodity">
			<div class="commodity1">
				<div class="commodity1-1"><img src="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/ef288021164c70da7744f4f23702ed41.jpg?thumb=1&w=360&h=360" alt=""></div>
				<div class="commodity1-2">
					<div class="commodity1-2s">
						<div>小米8 青春版</div>
						<div>潮流镜面渐变色，自拍旗舰</div>
						<div class="commodity1-2ss"><div class="size1">￥1599</div><div class="size2">起</div></div>
					</div>
				</div>
			</div>
			<div class="commodity1">
				<div class="commodity1-1"><img src="//i8.mifile.cn/v1/a1/d342ccbf-e3d6-2dcc-47a3-18656f28a0cc!360x360.webp" alt=""></div>
				<div class="commodity1-2">
					<div class="commodity1-2s">
						<div>小米8 青春版</div>
						<div>潮流镜面渐变色，自拍旗舰</div>
						<div class="commodity1-2ss"><div class="size1">￥1599</div><div class="size2">起</div></div>
					</div>
				</div>
			</div>
		</div>
		<div class="commodity">
			<div class="commodity1">
				<div class="commodity1-1"><img src="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/4aa77a674400f1b836b33ba1d54a8d23.jpg?thumb=1&w=360&h=360" alt=""></div>
				<div class="commodity1-2">
					<div class="commodity1-2s">
						<div>小米8 青春版</div>
						<div>潮流镜面渐变色，自拍旗舰</div>
						<div class="commodity1-2ss"><div class="size1">￥1599</div><div class="size2">起</div></div>
					</div>
				</div>
			</div>
			<div class="commodity1">
				<div class="commodity1-1"><img src="//i8.mifile.cn/v1/a1/4e925115-fde0-0364-814e-34471fda46e5!360x360.webp" alt=""></div>
				<div class="commodity1-2">
					<div class="commodity1-2s">
						<div>小米8 青春版</div>
						<div>潮流镜面渐变色，自拍旗舰</div>
						<div class="commodity1-2ss"><div class="size1">￥1599</div><div class="size2">起</div></div>
					</div>
				</div>
			</div>
		</div>
		<div class="commodity">
			<div class="commodity1">
				<div class="commodity1-1"><img src="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/7d4d94788f8591e5557a4c23c3ba4307.jpg?thumb=1&w=360&h=360" alt=""></div>
				<div class="commodity1-2">
					<div class="commodity1-2s">
						<div>小米8 青春版</div>
						<div>潮流镜面渐变色，自拍旗舰</div>
						<div class="commodity1-2ss"><div class="size1">￥1599</div><div class="size2">起</div></div>
					</div>
				</div>
			</div>
			<div class="commodity1">
				<div class="commodity1-1"><img src="//i8.mifile.cn/v1/a1/9d1994f2-0dac-d9cc-5102-0b0c6752210c!360x360.webp" alt=""></div>
				<div class="commodity1-2">
					<div class="commodity1-2s">
						<div>小米8 青春版</div>
						<div>潮流镜面渐变色，自拍旗舰</div>
						<div class="commodity1-2ss"><div class="size1">￥1599</div><div class="size2">起</div></div>
					</div>
				</div>
			</div>
		</div>
		<div class="gengduo">
			<span>更多小米电视 ></span>
		</div>
		<!-- 产品推荐结束 -->
		<!-- 产品推荐开始 -->
		<div class="menu-bottom">
			<div class="menu-bottom1"><img src="//i8.mifile.cn/v1/a1/2bcfae43-5b1b-b44d-567c-b9528983f278!358x508.webp" alt=""></div>
			<div class="menu-bottom2">
				<div><img src="//i8.mifile.cn/v1/a1/e4db2c88-59bb-7ed2-81f6-a42419857ae4!358x252.webp" alt=""></div>
				<div><img src="//i8.mifile.cn/v1/a1/83d4a193-f721-51bc-7d64-57545ff1b00d!358x252.webp" alt=""></div>
			</div>
		</div>
		<div class="Advertisement"><img src="//i8.mifile.cn/v1/a1/e896f1d0-708e-6e13-f9b8-e4d7f0e19c03!720x280.webp" alt=""></div>
		<div class="Advertisement2"><img src="//i8.mifile.cn/v1/a1/95195df5-70d6-2347-0ecd-994dc472bdd4!720x440.webp" alt=""></div>
		<!-- 产品推荐开始 -->
		<div class="commodity">
			<div class="commodity1">
				<div class="commodity1-1"><img src="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/ef288021164c70da7744f4f23702ed41.jpg?thumb=1&w=360&h=360" alt=""></div>
				<div class="commodity1-2">
					<div class="commodity1-2s">
						<div>小米8 青春版</div>
						<div>潮流镜面渐变色，自拍旗舰</div>
						<div class="commodity1-2ss"><div class="size1">￥1599</div><div class="size2">起</div></div>
					</div>
				</div>
			</div>
			<div class="commodity1">
				<div class="commodity1-1"><img src="//i8.mifile.cn/v1/a1/d342ccbf-e3d6-2dcc-47a3-18656f28a0cc!360x360.webp" alt=""></div>
				<div class="commodity1-2">
					<div class="commodity1-2s">
						<div>小米8 青春版</div>
						<div>潮流镜面渐变色，自拍旗舰</div>
						<div class="commodity1-2ss"><div class="size1">￥1599</div><div class="size2">起</div></div>
					</div>
				</div>
			</div>
		</div>
		<div class="commodity">
			<div class="commodity1">
				<div class="commodity1-1"><img src="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/4aa77a674400f1b836b33ba1d54a8d23.jpg?thumb=1&w=360&h=360" alt=""></div>
				<div class="commodity1-2">
					<div class="commodity1-2s">
						<div>小米8 青春版</div>
						<div>潮流镜面渐变色，自拍旗舰</div>
						<div class="commodity1-2ss"><div class="size1">￥1599</div><div class="size2">起</div></div>
					</div>
				</div>
			</div>
			<div class="commodity1">
				<div class="commodity1-1"><img src="//i8.mifile.cn/v1/a1/4e925115-fde0-0364-814e-34471fda46e5!360x360.webp" alt=""></div>
				<div class="commodity1-2">
					<div class="commodity1-2s">
						<div>小米8 青春版</div>
						<div>潮流镜面渐变色，自拍旗舰</div>
						<div class="commodity1-2ss"><div class="size1">￥1599</div><div class="size2">起</div></div>
					</div>
				</div>
			</div>
		</div>
		<div class="commodity">
			<div class="commodity1">
				<div class="commodity1-1"><img src="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/7d4d94788f8591e5557a4c23c3ba4307.jpg?thumb=1&w=360&h=360" alt=""></div>
				<div class="commodity1-2">
					<div class="commodity1-2s">
						<div>小米8 青春版</div>
						<div>潮流镜面渐变色，自拍旗舰</div>
						<div class="commodity1-2ss"><div class="size1">￥1599</div><div class="size2">起</div></div>
					</div>
				</div>
			</div>
			<div class="commodity1">
				<div class="commodity1-1"><img src="//i8.mifile.cn/v1/a1/9d1994f2-0dac-d9cc-5102-0b0c6752210c!360x360.webp" alt=""></div>
				<div class="commodity1-2">
					<div class="commodity1-2s">
						<div>小米8 青春版</div>
						<div>潮流镜面渐变色，自拍旗舰</div>
						<div class="commodity1-2ss"><div class="size1">￥1599</div><div class="size2">起</div></div>
					</div>
				</div>
			</div>
		</div>
		<div class="gengduo">
			<span>更多小米电视 ></span>
		</div>
		<!-- 产品推荐结束 -->
		<div class="gengduo">
			<span>了解小米</span>
		</div>
		<!-- 底部开始 -->
		<div class="bottom">
			<a href="">
				<div class="bottom1"><i class="iconfont">&#xe61e;</i></div>
				<div class="bottom1"><span>首页</span></div>
			</a>
			<a href="category.html">
				<div><i class="iconfont">&#xe601;</i></div>
				<div><span>分类</span></div>
			</a>
			<a href="Shopping Cart.html">
				<div><i class="iconfont">&#xe655;</i></div>
				<div><span>购物车</span></div>
			</a>
			<a href="my.html">
				<div><i class="iconfont">&#xe612;</i></div>
				<div><span>我的</span></div>
			</a>
		</div>
		<!-- 底部结束 -->
	</div>
</body>
</html>